<template>
	<view class="main">
		<custom @showTopDailog="showTopDailog"></custom>
		<view class="main_containers">
			<pageTitle name="NEWS" :navBarArr="navBarArr"></pageTitle>
		</view>	
		<footerContainer></footerContainer>
		<!-- 弹窗 -->
		<topDailog v-if="topDailogStatus" @closed="topDailogStatus=false"></topDailog>

	</view>
</template>

<script>
	import topDailog from '@/components/common/topDailog.vue';
	import pageTitle from '@/components/common/pageTitle.vue';
	import footerContainer from '@/components/common/footer.vue';
	import {
		mapMutations
	} from 'vuex'


	export default {
		components: {
			topDailog,
			footerContainer,
			pageTitle,
		
		},
		data() {
			return {
				topDailogStatus: false,
               navBarArr: [{
               		id: '1',
               		name: "首页"
               	},
               	{
               		id: '2',
               		name: "演唱会信息"
               	}
               ],
			}
		},
		onShow() {

		},
		onLoad(options) {
			let _this = this

		},
		onReady() {



		},
		methods: {
			showTopDailog() {
				this.topDailogStatus = true
			}
		},
	}
</script>

<style scoped lang="scss">
	.main {
		min-height: 100vh;
		position: relative;
		padding-bottom: 320rpx;
        background-image: url("../../static/bg_middle.png");
		background-size:100% 100%;
	}
</style>